<%- include ../include/head %>
<input type="hidden" id="js_current" value="book_list"/>
			<!-- Page Head -->
			<h2>Book list</h2>
			<p id="page-intro">list?</p>
			
			<div class="clear"></div> <!-- End .clear -->
			<div class="content-box"><!-- Start Content Box -->
				<div class="content-box-header">
					<h3>List Book</h3>
					
					<ul class="content-box-tabs">
						<li><a href="#tab1" class="default-tab">List</a></li>
					</ul>
					<div class="clear"></div>
				</div> <!-- End .content-box-header -->
				
				<div class="content-box-content">
					<div class="tab-content default-tab" id="tab1">
						<table>
							<thead>
								<tr>
								   <th><input class="check-all" type="checkbox" /></th>
								   <th>hotel_id</th>
								   <th>user_id</th>
								   <th>room_type</th>
								   <th>check_in</th>
								   <th>check_out</th>
									<th>expires</th>
								</tr>
							</thead>
						 
							<tfoot>
								<tr>
									<td colspan="7">
										<div class="bulk-actions align-left">
											<select name="dropdown">
												<option value="option1">Choose an action...</option>
												<option value="option2">Edit</option>
												<option value="option3">Delete</option>
											</select>
											<a class="button" href="#">Apply to selected</a>
										</div>
										
										<div class="pagination">
											<% for(var i=1; i<totalPage+1; i++){ %>
											 <a href="/admin/book/list?page=<%= i %>" class="number <% if(i == page) {%>current<% }%>" title="<%= i %>"><%= i %></a>
											<% } %>
										</div> <!-- End .pagination -->
										<div class="clear"></div>
									</td>
								</tr>
							</tfoot>
							<tbody>
							<% for(var i in book){ %>
								<tr>
									<td><input type="checkbox" /></td>
									<td><%= book[i].hotel_id %></td>
									<td><%= book[i].hotel_id %></td>
									<td><%= book[i].room_type %> </td>
									<td><%= book[i].check_in %></td>
									<td><%= book[i].check_out %></td>
									<td><%= book[i].expires %></td>
									<td>
										<!-- Icons -->
										 <a href="/admin/book/edit?id=<%= book[i].hotel_id %>" title="Edit"><img src="/admin/images/icons/pencil.png" alt="Edit" /></a>
										 <a href="/admin/book/delete?id=<%= book[i].hotel_id %>" title="Delete"><img src="/admin/images/icons/cross.png" alt="Delete" /></a>
										 <!--<a href="#" title="Edit Meta"><img src="/admin/images/icons/hammer_screwdriver.png" alt="Edit Meta" /></a>-->
									</td>
								</tr>
							<% } %>
							</tbody>
						</table>
					</div> <!-- End #tab1 -->
				</div> <!-- End .content-box-content -->
			</div> <!-- End .content-box -->
			<div class="clear"></div>

<%- include ../include/foot %>